/*
bottomAlert 外在肌肤，水嫩丝滑
生成时间：Sat Mar 25 2017   破门狂人R2-D2为您服务！
*/

.bottom-alert-bg{
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 10;
    top:0px;
    /*overflow-y: scroll;*/
    background-color: rgba(210, 210, 210, 0.17);
}
.bottom-alert-bg-panel{

    position: absolute;
    bottom: 0px;
    background: #ffffff;
    width: 100%;
    transition: 0.25s all ease;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.25);
    /*overflow-x: hidden;*/
}

.bottom-alert-bg-close{
    position: absolute;
    right: 10px;
    top: -30px;
    width: 60px;
    height: 60px;
    border-radius: 60px;
    background: #be4945;
    color: #ffffff;
    font-size: 35px;
    line-height: 60px;
    text-align: center;
    z-index: 99;
    box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.25);
}

.bottom-alert-bg>.state-0,.bottom-alert-bg>.state-1{
    /*开关过渡样式*/
    /*margin-top:70%;*/
    bottom:-300px;
    opacity: 0;
}
.bottom-alert-bg>.state-2{
    /*完全开启的样式*/
    /*margin-top: 7%;*/
    bottom:0px;
    opacity: 1;
}
.on-the-way{
    overflow-y:  auto;
}